<template>
  <div class="kaoshi">
    <el-form ref="form" :model="form" label-width="120px" label-position="top" :disabled="disabled">

      <el-form-item>
        <el-button @click="cancel">返 回</el-button>
      </el-form-item>

      <el-form-item label="姓名" prop="name">
        <el-input v-model="form.name" placeholder="请输入姓名" readonly/>
      </el-form-item>
      <el-form-item label="身份证号码" prop="idCard">
        <el-input v-model="form.idCard" placeholder="请输入身份证号码" readonly/>
      </el-form-item>



    </el-form>
  </div>
</template>

<script>
import {getUserInfo} from "@/api/system/userInfo";

export default {
  name: "UserInfo",
  data() {
    return {
      // 根路径
      baseURL: process.env.VUE_APP_BASE_API,
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 用户身份信息表格数据
      UserInfoList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 表单参数
      form: {},
      disabled: false,

    };
  },
  created() {
    this.getUserInfo();
  },
  methods: {
    getUserInfo() {
      getUserInfo().then(res => {
        this.form = res.data;
      })
    },
    // 取消按钮
    cancel() {
      this.$router.push({path: "/kaoshi/shouye"}).catch(() => {
      })
    },


  }
};
</script>


<style scoped lang="scss">
html, body {
  overscroll-behavior: contain; /* 禁止惯性滚动 */
  height: 100%;
  overflow: hidden; /* 根据实际需求调整 */
}

::-webkit-scrollbar-button {
  display: none; /* 消除下拉箭头 */
}

.kaoshi {
  width: 100vw;
  touch-action: pan-y;
  display: grid;
  justify-content: center;
  align-items: center;
  overflow-y: hidden;
}
</style>
